<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>印象笔记</title>
    <link rel="stylesheet" href="./text2.css">
</head>
<body>
    <!--头部导航-->
    <div class="tou">
        <div class="tou-zuo">
            <img src="./logo.png">
        </div>

        <div class="tou-zhong">
            <ul style="list-style-type:none;display: flex;" class="ull">
            <!-- <form class="form">
                <select>
                    <option value="0" selected="selected">产品</option>
                    <option value="1">功能介绍</option>
                    <option value="2">免费下载</option>
                </select>
                <select>
                    <option value="0" selected="selected">搜索印象</option>
                    <option value="1">功能介绍</option>
                    <option value="2">免费下载</option>
                </select>
                <select>
                    <option value="0" selected="selected">企业版</option>
                    <option value="1">功能介绍</option>
                    <option value="2">免费下载</option>
                </select>
                <select>
                    <option value="0" selected="selected">模板库</option>
                    <option value="1">功能介绍</option>
                    <option value="2">免费下载</option>
                </select>

            </form> -->
                <li class="lii">产品</li>
                <li class="lii">探索印象</li>
                <li class="lii">企业版</li>
                <li class="lii">模板库</li>
            
            </ul>
        </div>
        <div class="tou-you">
            
            <button class="downlode">下载</button>
            <button class="register">登录/注册</button>
            <input type="text" class="serach">
        </div>
    </div>

    <!--图片1-->
    <div class="picture1">
        <img src="./中间大图.png" alt="" width="100%" height="100%">
    </div>

<!-- <div class="zhong1">
    <img src="./left.png" > -->
</div>

    <!--登录-->
    <div class="login">
        <div class="botton">
            <button class="wxzhuce">微信注册</button>
            <button class="sjzhuce">手机号注册</button>
        </div>
            <div class="huo">
               ————————————————或————————————————
            </div>
            <div class="email">
                <input type="email" placeholder="邮箱" class="shuru">
            </div>
            <div class="password">
                <input type="password" placeholder="密码" class="shuru">
            </div>
            <button class="zhucetijiao">免费注册</button>
    </div>
<!-- 
<div class="zhong2">
    <img src="./right.png"> -->
</div>

    <!--中间文字-->
    <div class="wenzi">
        <div class="wenzi-1">使用印象笔记，管理你的第二大脑</div>
        <div class="wenzi-2">随时随地获取、整理、分享笔记，让灵感时刻与你同行</div>
    </div>

    <!--图片2-->
    <div class="picture2">
        <div class="box1">
            <img src="./多端同步.png" class="img2">
            <span>多端同步</span>
            <p>随时随地查看和备份信息</p>
        </div> 
        <div class="box1">
            <img src="./内容收藏.png" class="img2">
            <span>内容收藏</span>
            <p>一键储存高价值网页和文章</p>
        </div>
        <div class="box1">
            <img src="./资料管理.png" class="img2">
            <span>资料管理</span>
            <p>全面支持ffice/PDF等给事</p>
        </div>
        <div class="box1">
            <img src="./信息共享.png" class="img2">
            <span>信息共享</span>
            <p>快捷共享笔记，高效完成协作</p>
        </div>
    </div>

</body>
</html>